<style>
    .f {
        display: flex;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #cacaca;
    }
</style>
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('下单用户')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row['user']['nickname']|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sn')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row['sn']|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Total_num')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row['total_num']|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Total_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row['total_fee']|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay_type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row['pay_type']?$payTypeList[$row['pay_type']]:''}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Paytime')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss"
                data-use-current="true" value="{:$row.paytime?datetime($row.paytime):''}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Contact')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.contact|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Telephone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.telephone|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.address|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order_status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$orderStatusList[$row['order_status']]|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Express_com')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.express_com|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Express_no')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.express_no|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Discount_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.discount_fee|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sendtime')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input disabled class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss"
                data-use-current="true" value="{:$row.sendtime?datetime($row.sendtime):''}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay_fee')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input class="form-control" disabled value="{$row.pay_fee|htmlentities}">
        </div>
    </div>

    <div class="" style="display: flex;">
        <!-- <label class="control-label col-xs-12 col-sm-2"></label> -->
        <div style="padding: 7px 25px 0 0;" class="control-label  col-xs-12 col-sm-2">{:__('订单商品')}:</div>
        <div class="col-sm-8">
            {foreach $row['ordergoods'] as $v}
            <div
                style="display: flex;padding:15px 30px;justify-content:space-between;background-color: #f9f9f9;margin-top: 20px;border-radius: 12px;">
                <div>
                    <img style="width: 80px;height:80px;border-radius: 12px;" src="{$v['image']}" alt="">
                </div>
                <div
                    style="font-size: 14px;padding: 0 20px 10px 10px;display: flex;flex-direction: column;justify-content: space-between;flex:1;">
                    <div style="display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;font-weight: bold;">{$v['goods_name']}</div>
                    <div>
                        {if $v['spec_info']}
                        {foreach $v['spec_array']['item_name'] as $vv}
                        {$vv['spec_name']}:{$vv['name']}；
                        {/foreach}
                        {/if}
                    </div>
                    <div style="display: flex;color: #999;">

                        <div>原价：{$v['goods_price']}元</div>
                        <div style="padding:0 20px;color: #FAA553;display: flex;">X{$v.goods_num}</div>

                    </div>
                </div>
                <div style="font-size: 14px;color: #999;">
                    <div style="display: flex;">
                        <div style="width: 80px;">优惠金额：</div>
                        <div style="color:#FE4B3D">{$v.discount_fee}元</div>
                    </div>
                    <div style="display: flex;">
                        <div style="width: 80px;">商品小计：</div>
                        <div>{$v.total_price}元</div>
                    </div>
                    <div style="display: flex;">
                        <div style="width: 80px;">支付金额：</div>
                        <div style="color:#FE4B3D">{$v.pay_fee}元</div>
                    </div>
                    <div style="display: flex;">
                        <div style="width: 80px;">赠送积分：</div>
                        <div style="color:#FE4B3D">{$v.points}元</div>
                    </div>
                </div>
            </div>
            {/foreach}
        </div>
        <!-- <label class="control-label col-xs-12 col-sm-2">{:__('商品名称')}:</label>
        <div class="col-xs-12 col-sm-3">
            <input class="form-control" disabled value="ssss">
        </div>
        <label class="control-label col-xs-12 col-sm-2">{:__('商品图片')}:</label>
        <div class="col-xs-12 col-sm-3">
           <img src="/assets/img/qrcode.png" alt="">
        </div> -->
    </div>
</form>